<template>
    <div class="container bg">
        <top-cmp></top-cmp>
        <router-link to="/userinfo" tag="div" class="pries"><img src="../assets/img/prie.png" alt=""></router-link>
        <div class="prie">
            <div class="tops">
                <div class="content">
                    <div class="img"><img alt="" src="https://s.moimg.net/new/images/headPic.png"></div>
                    <div class="name">mo5841855300</div>
                    <div class="bottom">
                        <span>钱包地址</span> <span>zK7AZNbkGp85kRkKByCeH7i5udUCnz5DzH</span>
                       
                    </div>
                </div>
            </div>
        </div>

        <div class="foot">
            数字藏品
            <div class="img"><img src="../assets/img/icon_nonft.38c6be1a.png" alt="">暂无藏品</div>
        </div>
    </div>
</template>

<script>
import topCmp from "../components/topCmp.vue"
export default {
    data() {
        return {

        };
    },
    components: {
        topCmp
    }
}
</script>

<style lang="scss">
.bg{
    background: url(../assets/img/cpbg.png)no-repeat;
}
.pries{
    width: 16px;
    height: 16px;
    padding-top: 80px;
    margin-left: 13px;

}
.prie {
    margin-top: 50px;


    .tops {
        position: relative;
        height: 78px;
        border-radius: 8px 8px 0 0;
        background-color: #fff;

        .img {
            width: 79px;
            height: 79px;
            position: absolute;
            left: 10px;
            top: -30px;

        }

        .img>img {
            border-radius: 50%;
        }
        .name{
            font-size: 20px;
            color: #1a1a1a;
            font-weight: 600;
            text-align: center;
            margin-left: -50px;
        }
        .bottom{
            position: absolute;
            left: 10px;
            bottom: 0;
            font-size: 12px;
            color: #7f7f7f;
        }

    }
}

.foot{
    margin-top: 14px;
    margin-left: 13px;
    height: 385px;
    position: relative;
    .img{
        width: 130px;
        height: 130px;
        position: absolute;
        left: 0;
        right: 0;
        top: 40%;
        margin: 0 auto;
        text-align: center;
        font-size: 15px;
        color: #7f7f7f
    }
}
</style>